<template>
	<scroll-view scroll-y="true" class="modules_main_view" enable-flex="true">
		<view v-for="c_model in models" class="one_model">
			<image :src="c_model.icon" mode=""></image>
			<view>{{ c_model.title }}</view>
		</view>
	</scroll-view>
</template>

<script>
	export default {
		name:"index_models",
		data() {
			return {
				models: [
					{
						"title": "模块",
						"icon": "/static/logo.png",
					},
				]
			};
		},
	}
</script>

<style lang="scss">
	.modules_main_view {
		display:flex;
		float: left;
		background-color: lightblue;
		width: 75%;
		// height: 100vh;
		max-height: 100vh;
		flex-wrap: wrap;
	}
	.one_model {
		width: 25%;
		height: 20vw;
		text-align: center;
		background-color: lightcoral;
		image {
			padding-top: 5px;
			height: 80rpx;
			width: 80rpx;
		}
	}

</style>